判斷式

我在學前面的時候想說為什麼只有 v-if 這個屬性，為什麼沒有 else 或是什麼 else if 之類的，最近學的時候就發現了。

來看看如何使用吧

var myApp = new Vue({
    //略過
    data: {
    //新增一個計算分數的變數
        score: 0
    },
    methods: {
        btnClick: function(){
            //這裡是產生一個隨機的分數
            this.score = Math.round(Math.random() * 100);
        },
    },
});

新增好變數跟計算的 function 之後，在 id = 'myApp' 加入標籤

<h1 v-if="score == 0">成績還未公佈</h1>
<h1 v-else-if="score < 60">{{ score }}分-不及格</h1>
<h1 v-else>{{ score }}分-及格</h1>
<button v-on:click="btnClick()">我的成績</button>

這樣是不是就是一個完整的判斷了呢！

還不趕快試試看嗎？